<template>
	<view>
		<view class="button" @click="handleClick(1010)">点击</view>
		<view class="button" @click="handleClick(1010)">点击</view>
		<view class="button" @click="handleClick(1010)">点击</view>
		<view class="button" @click="handleClick(1010)">点击</view>
		<view class="button" @click="handleClick(1010)">点击</view>
		<view class="button" @click="handleClick(1010)">点击</view>
		<view class="button" @click="handleClick(1010)">点击</view>
		<view class="button" @click="handleClick(1010)">点击</view>
		<view class="button" @click="handleClick(1010)">点击</view>
		<view class="button" @click="handleClick(1010)">点击</view>
		<view class="button" @click="handleClick(1010)">点击</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			handleClick(f){
				let b=f*6;
				console.log(b);
			}
		},
		//上位触底事件
		onReachBottom() {
			console.log("上拉触底！")
		}
	}
</script>

<style>
	.button{
		width: 400rpx;
		height: 200rpx;
		background: green;
		color: aliceblue;
		
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 10rpx;
	}

</style>
